<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>在线教育考试平台</title>
  <link rel="stylesheet" href="../utils/bootstrap.css" />
  <link rel="stylesheet" href="../style/base.css" />
  <link rel="stylesheet" href="../basestyle/left-menu.css" />
  <link rel="stylesheet" href="../style/per_message.css">
  <link rel="stylesheet" href="../style/reward.css">
  <script src="../utils/jquery-3.6.4.js"></script>
  <script src="../utils/bootstrap.js"></script>
</head>

<body>
  <div class="container-fluid home clearfix tz-container">
    <header class="clearfix">
            <h1>在线教育考试平台</h1>
            <span class="glyphicon glyphicon-arrow-left z-left"></span>
            <div  class="zlj-right">
                <span class="glyphicon glyphicon-search"></span>
                <span class="glyphicon glyphicon-bell"></span>
                <input type="file" id="file">
                <img src="../images/6.jpg" alt="" class="show-img"/>
                <span class="yonghu">admin</span>
                <span class="glyphicon glyphicon-off"></span>
            </div>
        </header>
        <section class="tz-section clearfix">
            <nav>
                <ul class="tz-left-ul clearfix zljshouye">
                    <li class="tz-second-li ">
                        <span class="glyphicon glyphicon-home tz-left-margin" aria-hidden="true"></span>
                        <span>首页</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye1" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-align-justify tz-left-margin" aria-hidden="true"></span>
                        <span>题库管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye21"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye21">题目分类</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye22"><span data-id="13" data-href="#"class="tz-left-margin zlj-shouye22">题目列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-list-alt tz-left-margin" aria-hidden="true"></span>
                        <span>试卷管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye31"><span data-id="13" data-href="#" class="zlj-shouye31 tz-left-margin">试卷分类
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye32"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye32">试卷列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-calendar tz-left-margin" aria-hidden="true"></span>
                        <span>考务管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye41"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye41">准考证
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye42"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye42">签到表</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye43"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye43">桌贴</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye44"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye44">门贴</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-book tz-left-margin" aria-hidden="true"></span>
                        <span>考试管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye51"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye51">考试列表
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye52"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye52">考试审批</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye53"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye53">考试监控</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="3"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-education tz-left-margin" aria-hidden="true"></span>
                        <span>考生管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye61" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt tz-left-margin"
                            aria-hidden="true"></span>
                        <span>统计分析</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye71"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye71">考试分析
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye71"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye71">试卷分析</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-tower tz-left-margin" aria-hidden="true"></span>
                        <span>证书管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye81" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-cog tz-left-margin" aria-hidden="true"></span>
                        <span>系统管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye91"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye91">角色权限
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye92"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye92">短信设置</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye93"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye93">安全设置</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye94"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye94">系统日志</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                </ul>
            </nav>
            <main> </main>
        </section>

    <main class="tz-main-width ">
        <div class="gl_main_title tz-main-width-title ">
          <span class="span1">证书管理 &nbsp;/ &nbsp;</span><span class="span2">证书管理</span>
          <p>证书管理</p>
        </div>
        <div class="gl_main_center ">
          <div class="tz-main-center-cont tz-form-padding">
            <div class="gl_main_center_cont_right clearfix">
              <form class="form-inline">
                <div class="form-group ">
                  <label for="rewardname" class="">证书名称：</label>
                  <input type="text" class="form-control tz-input-width tz-search-reward-input" id="rewardname" placeholder="请输入">
                </div>
                <button type="button" class="btn btn-default tz-search-reward">查询</button>
                <button type="button" class="btn btn-default tz-search-reward-reset">重置</button>
                <div class="form-group">
                  <label for="rewardtype" class="tz-form-margin">证书分类：</label>
                  <input type="email" class="form-control tz-input-width tz-search-reward-input2" id="rewardtype" placeholder="请输入">
                </div>
                <button type="button" class="btn btn-default tz-search-reward2">查询</button>
                <button type="button" class="btn btn-default tz-search-reward-reset2">重置</button>
              </form>
              <div>
                <br>
                <button type="button" class="btn btn-default tz-button-margin" data-toggle="modal"
                    data-target="#addreward" id="addrewardbutton">添加证书</button>


                <div class="modal fade" id="addreward" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">添加证书</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="addrewardname">证书名字</label>
                            <input type="text" class="edit-name form-control" id="addrewardname" placeholder="请输入证书名字">
                        </div>
                        <div class="form-group">
                          <label for="addrewardimg">证书图片</label>
                          <div id="tzrewardimgupload" style="background-size: contain"></div>
                          <input type="file" class="" id="addrewardimg">
                        </div>
                        <div class="form-group">
                          <label for="addrewardtype">证书分类</label>
                          <select name="" id="addrewardtype" class="edit-name form-control">
                            <option value="获奖证书">获奖证书</option>
                            <option value="认证证书">认证证书</option>
                          </select>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button data-dismiss="modal" type="button" class="edit-btn btn btn-primary addrewardsave">保存</button>
                </div>
            </div>
        </div>
                </div>



                <button type="button" class="btn btn-default tz-button-margin tzsortreward">分类显示</button>
                <button type="button" class="btn btn-default tz-button-margin deletereward" data-toggle="modal"
                    data-target="#deletereward">批量删除</button>

                <div class="modal fade" id="deletereward" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">确定删除选中项吗？</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button data-dismiss="modal" type="button" class="edit-btn btn btn-primary deleterewarddelete">确定</button>
                </div>
            </div>
        </div>
                </div>



         <br><br><table class="table table-bordered table-width" id="tz-th1-reward">
          <thead>
            <tr class="active">
                <th> <label>
                        <input type="checkbox" class="checkallreward">
                    </label></th>
                <th>序号</th>
                <th>证书名称</th>
                <th>证书背景图</th>
                <th>证书分类</th>
                <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
                <td id="td1"><label>
                        <input type="checkbox">
                    </label></td>
                <td >2</td>
                <td >6</td>
                <td ><img src="../images/tz-images/tu6.jpg" alt="" class="tz-img-size"></td>
                <td >证书分类</td>
                <td ><a data-toggle="modal" data-target="#editModal"> <label><input type="checkbox"></label>详情</a></td>
            </tr>
            </tbody>
        </table>
      </div>
      <div class="tz-page-div">
      </div>
    </div>
  </div>
</div>
  </main>
  </div>    
  <script src="../basestyle/left-menu.js"></script>
  <script src="../js/base.js"></script>
  <script src="../js/reword.js"></script>
</body>

</html>
